.container {
	main {
		& > div {
			padding: 0 20px;
			background-color: #fff;
			margin-bottom: 20px;
			font-size: 14px;
		}
		background-color: #e8e8e8;
		.header {
			display: block;
			width: 100%;
			// height: 220px;
			padding: 34px 20px 20px 20px;
			background-color: #fff;
			margin-bottom: 20px;
			font-size: 14px;

			.sign-box {
				display: flex;
				align-items: center;
				width: 100%;
				.sign {
					width: 60%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
			}
			.message {
				display: flex;

				.img-box {
					position: relative;
					width: 120px;
					height: 120px;
					border: 1px solid blue;
					border-radius: 60px;
					// overflow: hidden;
					img {
						width: 120px;
						height: 120px;
						border-radius: 60px;
					}
					i {
						position: absolute;
						right: 0;
						bottom: 0;
						background-color: #ff6600;
						color: #fff;
						font-size: 28px !important;
						padding: 0 8px;
						z-index: 1;
					}
				}
				.user-name {
					display: flex;
					flex: 1;
					padding-left: 20px;
					justify-content: space-between;
					height: 120px;
					line-height: 120px;
					p {
						font-size: 18px;
					}
				}
			}
			& > p {
				margin-top: 15px;
			}
		}
		.state {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 55px;
			.state-left {
				span {
					font-size: 38px !important;
					vertical-align: middle;
					color: #4294ff;
				}
			}
			.state-right {
				span {
					margin-right: 12px;
				}
			}
		}

		.run-data {
			display: block;
			width: 100%;
			// height: 220px;
			padding: 34px 20px 20px 20px;
			background-color: #fff;
			margin-bottom: 20px;
			.top {
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 55px;
				.left {
					span {
						font-size: 28px !important;
						vertical-align: middle;
						color: #4294ff;
						padding-left: 8px;
					}
				}
			}
			.con {
				display: flex;
				justify-content: space-between;
				padding-bottom: 20px;
				div {
					padding: 0 16px;
					&:first-child {
						border-right: 1px solid dashed;
						border-color: #ccc;
					}
					p {
						color: #aaa;
						font-size: 12px;
						&:first-child {
							padding-left: 16px;
						}
						span {
							color: #4894ff;
							font-size: 46px;
						}
						i {
							color: #666;
						}
					}
				}
			}
		}
		.badge {
			padding-bottom: 15px;
			.top {
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 55px;
				.left {
					span {
						font-size: 28px !important;
						vertical-align: middle;
						color: #4294ff;
						padding-left: 8px;
					}
				}
			}
			.con {
				display: flex;
				justify-content: space-between;
				& > div {
					width: 100px;
					height: 100px;
					border: 1px solid #ccc;
					border-radius: 50px;
					overflow: hidden;
					img {
						width: 100%;
						height: 100%;
						border-radius: 50%;
					}
				}
			}
		}
		.quit {
			height: 55px;
			line-height: 55px;
			text-align: center;
			color: #4894ff;
		}
		.arrows {
			font-size: 28px;
			color: #666;
		}
	}
}
